<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 1 定时器和延时器 ？？？？？？？   
        //    注意什么问题
        //        异步   执行顺序
        //        回调   setInterval(fn , 1000)   fn这个函数是1s之后由系统来调用
        //        叠加   防抖和节流
        //    什么时候使用  ---  一段时间内 比如transition 定时器

        // 2 this  指向和使用

        // 3 异步  
        // for(var i = 0 ; i < 10 ; i++) {
        //     setTimeout(function() {
        //         console.log(i) ;
        //     } , 0)
        // }

        // for(var i = 0 ; i < oBtns.length ; i++) {
        //     oBtns[i].onclick = function() {
        //         console.log(i) ;   // 4
        //         // oBtns[i].....    报错   // this
        //     }
        // }

        // 4 BOM  
        //     userAgent 判断浏览器是苹果   w
        //     地址栏的构成

        // 5 DOM 
        //   qs    qsa
        //   创建一个标签
        //   兄弟 sibling     prev   next
        //   父  parentNode / parentElement
        
        //   表单的属性   disabled    checked

        //   className 和 classList

        //   自定义属性的使用
        //      作为对象的时候   obj.index = i 
        //      作为标签的时候
        //          自有      obj.id   obj.disabled
        //          自定义    obj.setAttribute()    getAttribute()

        
        // 全局变量和局部变量 ？？？

        // 伪数组
        //    arguments
        //    nodeList
        //    HTMLCollection 
        //    classList   

    </script>
    
</body>
</html>